﻿@{
    Layout = "~/Views/_LayoutPage1.cshtml";
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>医生</title>

    <link href="~/Scripts/layui/css/layui.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="//s.yuantutech.com/yuantu/smart-ui/1.1.5/css/smart-ui.css">
    <link href="//s.yuantutech.com/yuantu/h5-cli/1.12.119/all.css" rel="stylesheet">
    <style>
        .table {
            width:100%;
            box-sizing:border-box;
            border-spacing:0;
            border-collapse:collapse
        }
        table {
            display:table;
            border-color:gray
        }
        .th-head {
            background-color:#fff;
            background-repeat:no-repeat;
            background-size:50%;
            background-position:center;
            background-image:url(../../Content/img/斜杠.png)
        }
        td th {
            font-weight:normal;
            text-align:center;
            font-size:12px;
            line-height:16px;
            padding:0;
            border-right:1px solid #eeeeee
        }

        td {
            height:47px;
            width:47px;
        }

    </style>
</head>
<body>
    <div style="background-color:#4B72FB;height:8.9rem">
        <div style="float:left;margin-left:2.2rem;margin-top:2rem">
            <img style="width:4.3rem" src="~/Content/img/doct.png" />

        </div>
    </div>
    
    @*<div style="background-color:#ffffff; height:2.3rem">
        <div style="margin-left:1rem;padding-top:.5rem">医生擅长</div>
        
    </div>*@
   
    <div style="background-color:#ffffff;">
        <div class="layui-collapse" lay-filter="test">
            <div class="layui-colla-item">
                <p class="layui-colla-title">医生擅长</p>
                <div id="show_all" class="layui-colla-content">
                    <p>
                        主任医师，副教授，神经内科主任，浙江中医药大学第二临床医学院神经病学教研室主任，硕士研究生导师。
                        尤其在脑血管疾病、帕金森病、痴呆、睡眠障碍及神经心理疾病等方面有独特之长。现担任中国医师协会中西医结合医师分会神经病学专家委员会委员；
                        浙江省中西医结合学会第三届神经内科专业委员会副主任委员；浙江省医学会神经病学分会第七届委员会委员；浙江省中医药学会脑病分会副主任委员；
                        浙江省中西医结合学会脑心同治委员会常委；浙江省医药卫生高级职称评审委员会委员；浙江省医学会医学鉴定专家库专家。先后承担省、部及厅级课题9项，先后发表论文30篇余。
                    </p>
                </div>
                
            </div>
        </div>
        <div id="show_part" style="margin-left:1rem;margin-top:.6rem; color:#666">
            <p>主任医师，副教授，神经内科主任，浙江中医药大学第二临床医学院神经病学教研室主任，硕士研究生导师。...</p>
            
        </div> 
        
        <div style="background-color:#ffffff">
            <div style="height:1rem"></div>
            <div style="margin:1rem;">
                <table class="table table-fixed">
                    <tr>
                        <td class="th-head"></td>
                        <td><div>今天</div><div>03-08</div></td>
                        <td><div>明天</div><div>03-08</div></td>
                        <td><div>周六</div><div>03-09</div></td>
                        <td><div>周日</div><div>03-10</div></td>
                        <td><div>周一</div><div>03-11</div></td>
                        <td><div>周二</div><div>03-12</div></td>
                        <td><div>周三</div><div>03-13</div></td>
                        <td><div>周四</div><div>03-14</div></td>

                    </tr>
                    <tr style="text-align:center;color:#7BAFF7">
                        <td style="color:#000000">上午</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                    </tr>
                    <tr style="text-align:center;color:#7BAFF7">
                        <td style="color:#000000">下午</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                        <td>可约</td>
                    </tr>
                </table>
            </div>

            <div style="height:.2rem"></div>
        </div>

    </div>
    <div>

    </div>
    
    <script src="~/Scripts/layui/layui.js"></script>
    <script>
        layui.use(['element'], function () {
            var element = layui.element;
            var layer = layui.layer;
            //监听折叠
            element.on('collapse(test)', function (data) {
                if (data.show == true) {
                    $("#show_part").hide();
                } else {
                    $("#show_part").show();
                }
            });
          
        });
    </script>
</body>
</html>
